import { FC } from 'react'

export const HeroOuterElements1: FC = () => (
  <>
    <g filter="url(#filter_HOE1_1)">
      <rect
        x="1335.34"
        y="362.384"
        width="64"
        height="64"
        rx="32"
        transform="rotate(-35.72 1335.34 362.384)"
        fill="white"
      />
      <circle
        cx="1380"
        cy="369.682"
        r="22.0277"
        transform="rotate(-1.22003 1380 369.682)"
        fill="#6264D8"
      />
    </g>
    <g clipPath="url(#clip_HEO1_0)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M1395.31 370.275L1391.15 370.363C1391.27 371.357 1392.01 371.661 1392.83 371.644C1393.68 371.626 1394.35 371.42 1394.91 371.109L1394.95 372.822C1394.24 373.248 1393.43 373.462 1392.61 373.439C1390.54 373.483 1389.05 372.225 1389 369.656C1388.95 367.494 1390.15 365.75 1392.17 365.707C1394.19 365.664 1395.28 367.334 1395.32 369.511C1395.33 369.717 1395.32 370.161 1395.31 370.275ZM1392.19 367.441C1391.66 367.452 1391.08 367.841 1391.1 368.796L1393.3 368.749C1393.28 367.795 1392.72 367.43 1392.19 367.441ZM1385.73 373.586C1384.99 373.602 1384.53 373.302 1384.23 373.081L1384.27 375.47L1382.15 375.964L1381.94 366.064L1383.88 366.023L1383.93 366.548C1384.37 366.112 1384.97 365.861 1385.59 365.848C1387.08 365.816 1388.51 367.127 1388.57 369.603C1388.62 372.301 1387.26 373.553 1385.73 373.586ZM1385.12 367.741C1384.63 367.752 1384.33 367.933 1384.11 368.181L1384.19 371.337C1384.4 371.56 1384.7 371.729 1385.2 371.718C1385.99 371.702 1386.5 370.839 1386.47 369.694C1386.45 368.585 1385.89 367.725 1385.12 367.741ZM1379.02 366.127L1381.15 366.081L1381.31 373.53L1379.17 373.576L1379.02 366.127ZM1378.96 363.702L1381.09 363.208L1381.12 364.941L1379 365.441L1378.96 363.707L1378.96 363.702ZM1376.84 368.573L1376.95 373.623L1374.82 373.668L1374.66 366.22L1376.57 366.179L1376.65 366.807C1377.14 365.883 1378.21 366.046 1378.5 366.138L1378.54 368.093C1378.27 368.011 1377.36 367.896 1376.84 368.573ZM1372.48 371.102C1372.51 372.355 1373.84 371.94 1374.11 371.821L1374.14 373.554C1373.86 373.715 1373.35 373.849 1372.66 373.864C1372.37 373.879 1372.08 373.834 1371.81 373.733C1371.53 373.632 1371.28 373.477 1371.07 373.277C1370.86 373.077 1370.7 372.836 1370.58 372.569C1370.47 372.302 1370.41 372.014 1370.41 371.724L1370.27 364.93L1372.33 364.442L1372.37 366.268L1373.99 366.234L1374.03 368.055L1372.42 368.089L1372.48 371.107L1372.48 371.102ZM1369.95 371.517C1369.99 373.049 1368.81 373.946 1367.05 373.984C1366.26 374 1365.47 373.853 1364.74 373.553L1364.7 371.526C1365.42 371.897 1366.31 372.167 1367.01 372.152C1367.49 372.142 1367.8 372.012 1367.79 371.62C1367.77 370.598 1364.55 371.049 1364.5 368.696C1364.46 367.195 1365.62 366.273 1367.34 366.236C1368.05 366.221 1368.75 366.309 1369.46 366.578L1369.51 368.579C1368.84 368.25 1368.12 368.078 1367.38 368.078C1366.93 368.087 1366.64 368.223 1366.65 368.558C1366.67 369.512 1369.9 368.989 1369.95 371.522L1369.95 371.517Z"
        fill="white"
      />
    </g>
    <g filter="url(#filter_HOE1_2)">
      <rect x="33" y="229" width="64" height="64" rx="32" fill="white" />
    </g>
    <g transform="translate(5, 0)">
      <circle cx="60.1128" cy="261.639" r="22.0277" fill="#5865F2" />
      <path
        d="M68.4707 253.879C66.8912 253.141 65.2203 252.616 63.502 252.318C63.2677 252.748 63.0551 253.189 62.8651 253.64C61.0404 253.361 59.1839 253.361 57.3592 253.64C57.1677 253.189 56.9529 252.747 56.7156 252.318C54.9959 252.616 53.3239 253.143 51.744 253.884C48.9337 257.963 47.6679 262.908 48.1736 267.835C50.0086 269.221 52.0703 270.277 54.2667 270.958C54.7606 270.279 55.1972 269.56 55.5721 268.808C54.8586 268.537 54.1708 268.202 53.5168 267.809C53.6892 267.681 53.8577 267.547 54.0206 267.41C55.9209 268.325 58.003 268.8 60.1122 268.8C62.2213 268.8 64.3034 268.325 66.2038 267.41C66.3685 267.547 66.537 267.681 66.7075 267.809C66.0525 268.203 65.3633 268.539 64.6484 268.81C65.023 269.562 65.4596 270.281 65.9538 270.959C68.152 270.28 70.2151 269.223 72.0507 267.835C72.5566 262.906 71.2872 257.957 68.4707 253.879ZM56.116 265.026C55.5042 264.982 54.9344 264.699 54.5293 264.239C54.1242 263.778 53.9164 263.177 53.9506 262.564C53.9123 261.95 54.1186 261.346 54.5244 260.884C54.9302 260.422 55.5025 260.14 56.116 260.099C56.4205 260.117 56.7182 260.196 56.9922 260.33C57.2661 260.464 57.5108 260.651 57.7121 260.88C57.9134 261.109 58.0674 261.376 58.1651 261.665C58.2628 261.953 58.3024 262.259 58.2815 262.563C58.3201 263.177 58.1138 263.781 57.7079 264.242C57.302 264.704 56.7295 264.986 56.116 265.026ZM64.1169 265.026C63.5051 264.982 62.9352 264.699 62.5301 264.239C62.125 263.778 61.9172 263.177 61.9515 262.564C61.9134 261.951 62.1198 261.347 62.5256 260.885C62.9314 260.423 63.5035 260.141 64.1169 260.1C64.4213 260.118 64.7191 260.197 64.993 260.331C65.267 260.465 65.5116 260.652 65.7129 260.881C65.9143 261.11 66.0682 261.377 66.1659 261.666C66.2637 261.954 66.3032 262.26 66.2823 262.564C66.3203 263.178 66.1133 263.782 65.7067 264.244C65.3 264.705 64.7269 264.987 64.113 265.026L64.1169 265.026Z"
        fill="white"
      />
    </g>
  </>
)

export const HeroOuterElements1Defs: FC = () => (
  <>
    <filter
      id="filter_HOE1_1"
      x="1344"
      y="333.68"
      width="72.0049"
      height="72.0046"
      filterUnits="userSpaceOnUse"
      colorInterpolationFilters="sRGB"
    >
      <feFlood floodOpacity="0" result="BackgroundImageFix" />
      <feColorMatrix
        in="SourceAlpha"
        type="matrix"
        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
        result="hardAlpha"
      />
      <feOffset />
      <feGaussianBlur stdDeviation="2" />
      <feComposite in2="hardAlpha" operator="out" />
      <feColorMatrix
        type="matrix"
        values="0 0 0 0 0.384314 0 0 0 0 0.392157 0 0 0 0 0.85098 0 0 0 0.13 0"
      />
      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_HEO1" />
      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_HEO1" result="shape" />
    </filter>
    <clipPath id="clip_HEO1_0">
      <rect
        width="30.9583"
        height="12.8993"
        fill="white"
        transform="translate(1364.39 363.564) rotate(-1.22003)"
      />
    </clipPath>
    <filter
      id="filter_HOE1_2"
      x="33"
      y="229"
      width="72.0049"
      height="72.0046"
      filterUnits="userSpaceOnUse"
      colorInterpolationFilters="sRGB"
    >
      <feFlood floodOpacity="0" result="BackgroundImageFix" />
      <feColorMatrix
        in="SourceAlpha"
        type="matrix"
        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
        result="hardAlpha"
      />
      <feOffset />
      <feGaussianBlur stdDeviation="2" />
      <feComposite in2="hardAlpha" operator="out" />
      <feColorMatrix
        type="matrix"
        values="0 0 0 0 0.384314 0 0 0 0 0.392157 0 0 0 0 0.85098 0 0 0 0.13 0"
      />
      <feBlend mode="normal" in2="BackgroundImageFix" result="effect2_dropShadow_HEO1" />
      <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_HEO1" result="shape" />
    </filter>
  </>
)
